import React from 'react';
import './navigation.css'
import Link from 'react-router';
import { NavLink } from 'react-router-dom';
class Navigation extends React.Component {    
    constructor(props) {
        super(props); 
        
        this.state = {      
            upvoted: false
        };   
    }
   
    render() {
        return (
            <div className="navigation-wrap">    
                <NavLink exact to="/index" activeClassName="navigation-active">      
                    <div className="navigation-wrap-index">
                        <div className="navigation-wrap-icon"/>
                        <div className="navigation-wrap-text">首页</div>
                    </div>      
                </NavLink>   
                <NavLink exact to="/me" activeClassName="navigation-active">      
                    <div className="navigation-wrap-mime">
                        <div className="navigation-wrap-icon-mime"/>
                        <div className="navigation-wrap-text">我的</div>
                    </div>  
                </NavLink>       
            </div>
        )
    }
}

//导出组件
export default Navigation;
